<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>搜索</title>
    <link rel="stylesheet" href="../common/css/amazeui.min.css">
    <link rel="stylesheet" href="../common/css/app.css">
    <link rel="stylesheet" href="../static/css/font.css">
    <link rel="stylesheet" href="../static/css/mobileSearch.css">
</head>

<script>

   /* document.getElementsByTagName("html")[0].style.fontSize=document.documentElement.clientWidth/1+"px";*/
   window.onload=function () {
       var oHeight=document.documentElement.clientHeight||document.body.clientHeight;
       document.getElementsByClassName("cifContent")[0].style.height=(oHeight-100)+"px";
       document.getElementsByClassName("cifContentLeftPar")[0].style.height=(oHeight-100)+"px";
       document.getElementsByClassName("cifContentRightPar")[0].style.height=(oHeight-100)+"px";
   };


</script>
<body>

<div class="holewSeachPage">

    <!--顶部不动区域-->
    <div id="msTop" class="am-u-sm-12 am-u-md-12 am-u-lg-12 msTop">
        <!--头部-->
        <div class="am-g doc-am-g">
            <div class="am-u-sm-12 am-u-md-12 am-u-lg-12" id="mheaderSearch">
              <!--  <i class="iconfont return">&#xe65d;</i>-->
                <form action="">
                    <i class="iconfont searchMBtn">&#xe620;</i>
                    <input type="text" class="am-u-sm-12 am-u-md-12 am-u-lg-12" placeholder="搜索课程">
                    <i class="iconfont closehMBtn">&#xe60e;</i>
                </form>
                <a href="javascript:;">搜索</a>
            </div>
        </div>
        <!--头部-->
        <!--分类-->
        <div class="am-g doc-am-g" id="mClfi">
            <div class="am-u-sm-12 am-u-md-12 am-u-lg-12" id="mClassification">
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6 mcFirst">
                    <span>全部分类</span>
                    <i class="iconfont">&#xe501;</i>
                    <div class="cifContent" >
                        <div class="cifContentLeftPar">
                            <div class="cifContentLeft">
                                <div>全部分类</div>
                                <div>学前教育</div>
                                <div>小学教育</div>
                                <div class="mActive">初中教育</div>
                                <div>高中教育</div>
                                <div>大学考试</div>
                                <div>出国留学</div>
                                <div>艺术体育</div>
                                <div>生活教育</div>
                            </div>
                        </div>
                        <div class="cifContentRightPar">
                            <div class="cifContentRight">
                                <div class="ciContent">
                                    <div class="ciContentTitle" >
                                        <span>—</span>
                                        <span>初一</span>
                                        <span>—</span>
                                    </div>
                                    <div class="ciContentC clear">
                                        <a href="javascript:;">语文</a>
                                        <a href="javascript:;">数学</a>
                                        <a href="javascript:;">英语</a>
                                        <a href="javascript:;">道德与法治</a>
                                        <a href="javascript:;">历史</a>
                                        <a href="javascript:;" ><span>更多</span><i class="iconfont">&#xe653;</i></a>
                                    </div>
                                </div>
                                <div class="ciContent">
                                    <div class="ciContentTitle" >
                                        <span>—</span>
                                        <span>初二</span>
                                        <span>—</span>
                                    </div>
                                    <div class="ciContentC clear">
                                        <a href="javascript:;">语文</a>
                                        <a href="javascript:;">数学</a>
                                        <a href="javascript:;">英语</a>
                                        <a href="javascript:;">道德与法治</a>
                                        <a href="javascript:;">历史</a>
                                        <a href="javascript:;"><span>更多</span><i class="iconfont">&#xe653;</i></a>
                                    </div>
                                </div>
                                <div class="ciContent">
                                    <div class="ciContentTitle" >
                                        <span>—</span>
                                        <span>初三</span>
                                        <span>—</span>
                                    </div>
                                    <div class="ciContentC clear">
                                        <a href="javascript:;">语文</a>
                                        <a href="javascript:;">数学</a>
                                        <a href="javascript:;">英语</a>
                                        <a href="javascript:;">道德与法治</a>
                                        <a href="javascript:;">历史</a>
                                        <a href="javascript:;"><span>更多</span><i class="iconfont">&#xe653;</i></a>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6 cRanking">
                    <span>综合排序</span>
                    <i class="iconfont">&#xe501;</i>
                  <!--  <div class="cRankingContent">综合排序</div>-->
                </div>

            </div>
        </div>
        <!--分类-->
        <!--相关课程文字-->
        <div class="am-g doc-am-g" id="mRcouText">
            <div class="am-u-sm-12 am-u-md-12 am-u-lg-12"><span>相关课程</span><span>（</span><span>4</span><span>）</span></div>
        </div>
        <!--相关课程文字-->
    </div>
    <!--顶部不动区域-->


    <!--内容区域-->
     <div id="msContent" class="am-u-sm-12 am-u-md-12 am-u-lg-12">
       <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcContentC">
           <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcSon">
               <div class="am-u-sm-4 am-u-md-4 am-u-lg-4 imgLeft">
                   <img src="../static/bImg/csd.png"  alt="图片不存在">
               </div>
               <div class="am-u-sm-8 am-u-md-8 am-u-lg-8 contentRight">
                   <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcTitle">ddddddddddddddddddddddddddddddddddddddddd</div>
                   <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcStudentNum"><span>106</span><span>人在学</span></div>
                   <div class="mcMoney"><span class="footX">￥</span><span>399</span><span class="footX">.00</span></div>
               </div>
           </div>
           <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcSon">
               <div class="am-u-sm-4 am-u-md-4 am-u-lg-4 imgLeft">
                   <img src="../static/bImg/csd.png"  alt="图片不存在">
               </div>
               <div class="am-u-sm-8 am-u-md-8 am-u-lg-8 contentRight" >
                   <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcTitle">ddddddddddddddddddddddddddddddddddddddddddd</div>
                   <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcStudentNum"><span>106</span><span>人在学</span></div>
                   <div class="mcnotMoney">免费</div>
               </div>
           </div>
           <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcSon">
               <div class="am-u-sm-4 am-u-md-4 am-u-lg-4 imgLeft">
                   <img src="../static/bImg/csd.png"  alt="图片不存在">
               </div>
               <div class="am-u-sm-8 am-u-md-8 am-u-lg-8 contentRight" >
                   <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcTitle">ddddddddddddddddddddddddddddddddddddddddddd</div>
                   <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcStudentNum"><span>106</span><span>人在学</span></div>
                   <div class="mcnotMoney">免费</div>
               </div>
           </div>
           <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcSon">
               <div class="am-u-sm-4 am-u-md-4 am-u-lg-4 imgLeft">
                   <img src="../static/bImg/csd.png"  alt="图片不存在">
               </div>
               <div class="am-u-sm-8 am-u-md-8 am-u-lg-8 contentRight">
                   <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcTitle">ddddddddddddddddddddddddddddddddddddddddd</div>
                   <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcStudentNum"><span>106</span><span>人在学</span></div>
                   <div class=" mcMoney"><span class="footX">￥</span><span>399</span><span class="footX">.00</span></div>
               </div>
           </div>
           <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcSon">
               <div class="am-u-sm-4 am-u-md-4 am-u-lg-4 imgLeft">
                   <img src="../static/bImg/csd.png"  alt="图片不存在">
               </div>
               <div class="am-u-sm-8 am-u-md-8 am-u-lg-8 contentRight">
                   <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcTitle">ddddddddddddddddddddddddddddddddddddddddd</div>
                   <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcStudentNum"><span>106</span><span>人在学</span></div>
                   <div class="mcMoney"><span class="footX">￥</span><span>399</span><span class="footX">.00</span></div>
               </div>
           </div>
           <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcSon">
               <div class="am-u-sm-4 am-u-md-4 am-u-lg-4 imgLeft">
                   <img src="../static/bImg/csd.png"  alt="图片不存在">
               </div>
               <div class="am-u-sm-8 am-u-md-8 am-u-lg-8 contentRight">
                   <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcTitle">ddddddddddddddddddddddddddddddddddddddddd</div>
                   <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcStudentNum"><span>106</span><span>人在学</span></div>
                   <div class="mcMoney"><span class="footX">￥</span><span>399</span><span class="footX">.00</span></div>
               </div>
           </div>
           <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcSon">
               <div class="am-u-sm-4 am-u-md-4 am-u-lg-4 imgLeft">
                   <img src="../static/bImg/csd.png"  alt="图片不存在">
               </div>
               <div class="am-u-sm-8 am-u-md-8 am-u-lg-8 contentRight">
                   <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcTitle">ddddddddddddddddddddddddddddddddddddddddd</div>
                   <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcStudentNum"><span>106</span><span>人在学</span></div>
                   <div class="mcMoney"><span class="footX">￥</span><span>399</span><span class="footX">.00</span></div>
               </div>
           </div>
           <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcSon">
               <div class="am-u-sm-4 am-u-md-4 am-u-lg-4 imgLeft">
                   <img src="../static/bImg/csd.png"  alt="图片不存在">
               </div>
               <div class="am-u-sm-8 am-u-md-8 am-u-lg-8 contentRight">
                   <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcTitle">ddddddddddddddddddddddddddddddddddddddddd</div>
                   <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcStudentNum"><span>106</span><span>人在学</span></div>
                   <div class="mcMoney"><span class="footX">￥</span><span>399</span><span class="footX">.00</span></div>
               </div>

           </div>
       </div>
         <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcSon btn">
             查看更多
         </div>
     </div>

    <!--内容区域-->

</div>


</body>
</html>